    // Webpck配置文件
    const {resolve} = require("path"); // 引入path模块内取当前目录绝对路径的方法
    const OptimizeCssAssetsPlugin = require("optimize-css-assets-webpack-plugin");// 压缩CSS插件
    const HtmlMinify = require("html-webpack-plugin");
    module.exports = {
        // 打包模式
        // mode: "development", // 开发模式
        mode: "production", // 生产模式
        // 入口文件
        entry: "./src/index.js",
        // 出口配置
        output: {
            // 输出目录 (输出目录必须是绝对路径)
            path: resolve(__dirname,"dist"),
            // __dirname取当前js文件所在的目录,__filename取目录当前自己的文件
            // resolve是目录解析=__dirname +/dist
            filename: "main.js"
        },
        // 模块配置
        module: {
            rules: [
                // 指定多个配置规则
                {
                    test: /\.css$/i,
                    use: [
                        "style-loader",
                        "css-loader"
                    ]
                }
            ]
        },
        // 开发服务器
        devServer: {
            
        },
        // 插件配置
        plugins: [
            new OptimizeCssAssetsPlugin(),
            new HtmlMinify(
                {   
                    // 指定打包后的文件名称
                    filename: 'index.html',   
                    // 用来指定生成HTML的模板
                    template: './src/index copy.html',
                    // 指定HTML中变量
                }
            )        
        ]
    }